<div>
  <form class="form-horizontal g3w-form">
    <div class="box-primary">
      <div class="box-body">
        <template v-if="hasFormStructure">
          <tabs
            :contenttype="'editing'"
            :addToValidate="addToValidate"
            :changeInput="changeInput"
            :tabs="state.formstructure"
            :fields="state.fields">
          </tabs>
          <g3w-form-inputs v-if="state.fieldsoutofformstructure.length"
            :state="state.fieldsoutofformstructure"
            :addToValidate="addToValidate"
            :changeInput="changeInput"
            @changeinput="changeInput"
            @addinput="addToValidate">
          </g3w-form-inputs>
        </template>
        <template v-else>
          <g3w-form-inputs
            :state="state"
            :addToValidate="addToValidate"
            :changeInput="changeInput"
            @changeinput="changeInput"
            @addinput="addToValidate">
          </g3w-form-inputs>
        </template>
      </div>
    </div>
  </form>
</div>
